$prefix: lg;
$unit: rpx;
$direction-list : row, row-reverse, column , column-reverse;
$justify-content-list : flex-start,flex-end,center,space-between,space-around;
$align-items-list : flex-start,flex-end,center,baseline ,stretch;
.#{$prefix}{
	
&-direction-{
@each $iter in $direction-list {
  &#{$iter} {
     flex-direction: $iter ;
  }
}
}

&-justify-{
@each $iter in $direction-list {
  &#{$iter} {
     flex-direction: $iter ;
  }
}
}

&-order-{
@for $i from 1 through 9 {
  &#{$i} { order: $i; }
}
}

}

// padding margin  --> start
@function Fold ($i,$radix:2) {
	$a:1;
	@for $ii from 1 through $i {
	  $a: $a * $radix
	}
  @return $a;
}

$mp-map :('pl':'padding-left','pr':'padding-right','ml':'margin-left','mr':'margin-right','px':'padding-x','py':'padding-y','mx':'margin-x','my':'margin-y');
@each $key, $name in $mp-map {
   .#{$key}-{
		@for $i from 1 through 9 {
		 &#{$i} {
			 @if $key == 'px' {
				 padding: 0 #{Fold($i)}#{$unit} !important;
			 }@else if $key == 'py' {
				  padding: #{Fold($i)}#{$unit} 0 !important;
			 }@else if $key == 'mx' {
				  margin: 0  #{Fold($i)}#{$unit} !important;
			 }@else if $key == 'my' {
				  margin: #{Fold($i)}#{$unit} 0 !important;
			 }@else { #{$name}: #{Fold($i)}#{$unit} !important; }
		 }
		 
		
	   }
   }
}
// padding margin  --> end